<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="application/javascript" src="../js/jquery-1.12.4.js"></script>
<script type="application/javascript">
    $(document).ready(function () {
        var ary = ["admin - 北京市海淀区 - 123456789",
            "张三 - 河北省武汉市 - 123456789",
            "李四 - 四川省成都市 - 123456789",
            "王五 - 广东省广州市 - 123456789"];
        var $ary = $(ary);
        var $address = $("#address");
        $ary.each(function () {
            $address.append("<option>"+this+"</option>");
        })
        var address = [{"userId":"1","userName":"张三","address":"北京市海淀区","mobile":"1234567890"},
            {"userId":"2","userName":"李四","address":"湖北省武汉市","mobile":"1234567890"},
            {"userId":"3","userName":"王五","address":"四川省成都市","mobile":"1234567890"},
            {"userId":"4","userName":"赵柳","address":"广东省广东市","mobile":"1234567890"}];
        var $table = $("<table border='1'></table>").append("<tr><td>ID</td><td>用户名</td><td>住址</td><td>电话</td></tr>");
        $(address).each(function () {
            $table.append("<tr><td>"+this.userId+"</td><td>"+this.userName+"</td><td>"+this.address+"</td><td>"+this.mobile+"</td></tr>");
        })
        $("#addressDiv").append($table);

    });
</script>
<body>
下拉选：<select id="address"></select>
<br>
表格：<div id="addressDiv"></div>

</body>
</html>